<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/login.css"/>
	<body>
		<div id="web">
			<header class="clearfix">
				<div class="logo fl">
					<div>
						<img src="img/logo.png" />
					</div>
				</div>
				<p class="fl">欢迎登陆</p>
			</header>
			<article>
				<div class="login">
					<h3>账户登陆</h3>
					<div class="info clearfix">
						<div class="fl">
							<img src="img/login/1.png"/>
						</div>
						<p class="fl">公共场所不建议自动登录，以防账号丢失</p>
					</div>
					<form action="index.html" >
						<div class="username">
							<input type="image" src="img/login/user.png"/>
							<input type="username" name="username" placeholder="邮箱／用户名／手机号" />
						</div>
						<div class="password">
							<input type="image" src="img/login/password.png"/>
							<input type="password" name="password"  placeholder="密码"/>
						</div>
						<div class="forget clearfix">
							<div class="fl">
								<input type="image" src="img/login/2.png"/>
								<span>自动登录</span>
							</div>
							<span class="fr"><a href="">忘记密码?</a></span>
						</div>
						<input type="submit" value="登陆"  />
					</form>
					<ul class="clearfix">
						<li>
							<img src="img/login/QQ.png" alt="" />
							<span><a href="">QQ</a></span>
						</li>
						<li>
							<img src="img/login/wechat.png" alt="" />
							<span><a href="">微信</a></span>
						</li>
						<li>
							<img src="img/login/sina.png" alt="" />
							<span><a href="">微博</a></span>
						</li>
						<li>
							<img src="img/login/right.png" alt="" />
							<span><a href="reg.html">立即注册</a></span>
						</li>
					</ul>
				</div>
			</article>
			<footer>
				<div class="list clearfix">	
					<div class="foot-logo fl">
						<img src="img/foot-logo.png"/>
					</div>
					<div class="foot-list fl clearfix">
						<div>
							<ul>
								<li><a href="">新手指南</a></li>
								<li><a href="">用户注册</a></li>
								<li><a href="">定制流程</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">付款方式</a></li>
								<li><a href="">支付方式</a></li>
								<li><a href="">支付问题</a></li>
								<li><a href="">常见问题</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">售后服务</a></li>
								<li><a href="">退款换货</a></li>
								<li><a href="">配送方式</a></li>
								<li><a href="">联系我们</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">政策条款</a></li>
								<li><a href="">服务协议</a></li>
								<li><a href="">隐私条款</a></li>
								<li><a href="">版权条款</a></li>
							</ul>
						</div>
					</div>
				</div>
				<p>© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
			</footer>
		</div>
	</body>
</html>
